<template>
  <div id="rightside">
    <div id="rightside-config-hide">
      <button id="translateLink" type="button" title="简繁转换">
        繁
      </button>
      <button id="darkmode" type="button" title="浅色和深色模式转换">
        <i class="haofont hao-icon-circle-half-stroke"></i>
      </button>
      <button id="hide-aside-btn" type="button" title="单栏和双栏切换">
        <i class="haofont hao-icon-arrows-left-right"></i>
      </button>
    </div>
    <div id="rightside-config-show">
      <button id="rightside-config" type="button" title="设置">
        <i class="haofont hao-icon-gear"></i>
      </button>
      <a id="to_comment" href="#post-comment" title="直达评论">
        <i class="haofont hao-icon-chat--fill" style="font-size: 17px;"></i>
      </a>
      <a id="switch-commentBarrage" href="javascript:heo.switchCommentBarrage();" rel="external nofollow noreferrer"
         title="开关弹幕" draggable="false">
        <i class="haofont hao-icon-danmu"></i>
      </a>
      <button id="go-up" type="button" title="回到顶部">
        <i class="haofont hao-icon-arrow-up"></i>
      </button>
    </div>
  </div>
</template>

<script setup>
</script>

<style scoped>
#rightside {
  display: none;
}

.comment-barrage {
  right: 20px;
}

@media screen and (min-width: 1300px) {
  #post #pagination {
    right: 20px;
  }
}
</style>